import React from 'react'
import { CalendarPickerView,  ResultPage } from 'antd-mobile'
import { LoopOutline } from 'antd-mobile-icons'

const Home = () => {
    return (
        <div>

            <ResultPage
                status=''
                title='火车票预定'
                description='便捷购票,服务您的每一次出行'
            >
                <ResultPage.Card style={{height: 64, padding: 22 }}>
                    <div className="row">
                     <span className='start'>北京</span>
                      <LoopOutline fontSize={22}/>
                     <span className='end'>上海</span>
                    </div>
                    <div className="row">
                      <CalendarPickerView />
                    </div>
                    <div className="row"></div>
                    <div className="row"></div>
                </ResultPage.Card>


            </ResultPage>
        </div>
    )
}

export default Home
